Fix/cache prod #60
Fix/cache prod #60
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
Thanks for this Shiv! This is forcing me to learn a bunch about NextJS caching, which is not simple :D I left a couple of comments. Sad that this only works for "fetch". With fetch, it shows HIT / MISS on the dev console so there is no need to build & start. https://nextjs.org/docs/app/api-reference/next-config-js/logging |
|
Tysm, updated 🙌
Yeah lol it's not all straightforward :( and docs seem to be kind of distributed too, also the thing it works differently in the dev environment as compared to prod is bad :(
Yeah :( |
Issue:
NOTE: This only occurs in prod, since there next does caching and build static stuff their.
Demo of admin page not refetching after mutation
Screen.Recording.2024-03-03.at.3.42.24.PM.mov
As we can once I make approve action, things are remaining as it is and not refetching the data.
Reason for above cause:
GET
/api/grants/reviewroute handler was static.await getAllGrantsForReview()in that api once in lifetime just during build time. After that/api/grants/reviewjust returns the static data (All review grants present at build time).NextJS marking api/grants/review as static during build time
Solution:
We need to opt out of caching for GET
/api/grants/reviewroute handler.Since we want admin to see updated data as soon as he does mutation.The way we OPT out of caching for GET is checkout this in docs.
Hence in a4d0c40 we make use of
request(which makes GET handler as dynamic) and it alsoreavalidatePath/admin(which was also static). The example was taken from here in docs